/*reset*/
*{ margin: 0; padding: 0; box-sizing: border-box;}
html,body{ width:100%;}
body{ position:relative; font-family:Microsoft Yahei; font-size:0.07rem; background:#fff;}
img{ vertical-align:top; border:none;}
header,footer,div{ display:block;}
a:link{ text-decoration:none; color:#666; outline:none;}
a:visited{ text-decoration:none; color:#666; outline:none;}
a:hover{ text-decoration:none; color:#666; outline:none;}
a:active{ text-decoration:none; color:#666; outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:0.07rem; font-weight:normal;}
ul,ol,dl,dt,dd,li{ list-style:none;}
/*base*/
.rspsv-img{ display:block; max-width:100%; margin:0 auto;}
.txtcen{ text-align: center;}
.fl{ float: left;}
.fr{ float: right;}
.pdbot{ padding-bottom:0.3rem!important;}
.wrap1000{ margin: 0 auto; width: 1000px; position: relative;}
.wrap1200{ margin: 0 auto; max-width:1200px; position: relative; width:96%;}
.wrap1150{ margin: 0 auto; width: 1150px; position: relative;}
.clrafter:after{ content:''; visibility:hidden; display:block; height:0; clear: both;}
/*common*/
.head-1{ background:#000; padding:0.05rem 0; font-size:0.06rem;} 
.head-1-1{ color:#fff;}
.head-1-2{ display: block;}
.head-1-2 li{ float: left; position:relative;}
.head-1-2 li .qr{ position:absolute; left:0; top:0.1rem; display:none; z-index:99; background:#fff; border-radius:10px; padding:6px; border:1px solid #ccc;}
.head-1-2 li a{ color: #fff; display: inline-block; border-right:1px solid #666; padding: 0 12px; cursor:pointer;}
.head-1-2 li:last-child a{ border: none; padding: 0 0 0 12px;}
.head-2{ padding:0.1rem 0; position:relative;}
.head-2.fixed{ position:fixed; left:0; top:0; width:100%; background:#fff; z-index:999; box-shadow:0 0 6px #aaa;}
.head-2 .nav{ display: block; padding:0.1rem 0 0 0;}
.head-2 .nav li{ float: left; display: block; margin-right:0.1rem; position:relative;}
.head-2 .nav li>dl{ position:absolute; left:-50%; top:36px; width:230%; z-index:99; text-align:center; display:none;}
.head-2 .nav li>dl dd{ display:block; background:rgba(255,255,255,0.9); border-bottom:1px dotted #bbb;}
.head-2 .nav li>dl dd>a{ display:block; padding:10px 0;}
.head-2 .nav li>dl dd>a:hover{ border:none; background:#005bac; color:#fff;}
.head-2 .nav li:last-child{ margin-right: 0;}
.head-2 .nav li a{ display: inline-block; padding-bottom:15px;}
.head-2 .nav li a:hover,.head-2 .nav li a.nowon{ border-bottom: 2px solid #005bac;}
.mobi-btn{ position:absolute; right:0.1rem; top:0.2rem; border:2px solid #ccc; line-height:2; font-size:0.13rem; padding:0 0.07rem; border-radius:3px; z-index:20; display:none;}
.mobi-nav{ position:fixed; left:-60%; top:0; width:60%; height:100%; background:#fff; z-index:1001; transition:all 0.4s;}
.mobi-nav.active{ left:0;}
.mobi-close{ padding:0.28rem 0; background:url(/images/close.png) 90% center no-repeat; background-size:auto 50%;}
.mobi-nav ul{ border-top:1px solid #eee; height:90%; overflow-y:auto;}
.mobi-nav ul>li{ display:block; font-size:0.15rem; border-bottom:1px solid #eee; line-height:3; text-indent:1em;}
.mobi-nav ul li.has_sub{ background:url(/images/down.png) 90% 0.16rem/0.12rem no-repeat;}
.mobi-nav ul li.has_sub.open{ background:url(/images/up.png) 90% 0.16rem/0.12rem no-repeat;}
.mobi-nav ul>li>a{ display:block;}
.mobi-nav ul>li>dl{ display:none;}
.mobi-nav ul>li>dl>dd>a{ display:block; text-indent:2em;}
.mobi-cover{ display:block; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); left:0; top:0; z-index:1000; display:none;}
.foot-1{ background: #303030; padding:0.3rem 0 20px 0;}
.foot-1-1{ width:30%;}
.foot-1-1 .d1{ color: #0085fc; font-size: 30px; text-indent:2em; background: url(../img/phone1.png) left center no-repeat; margin-bottom: 15px;}
.foot-1-1 .d2{ font-size: 15px; color: #fff; margin-bottom: 15px;}
.foot-1-1 .d3{ font-size: 12px; color: #c9c9c9; text-indent: 1em; background: url(../img/phone2.png) left center no-repeat; margin-bottom: 15px;}
.foot-1-1 .d5{ font-size: 12px; color: #c9c9c9; text-indent: 1em; background: url(../img/location1.png) left center no-repeat; margin-bottom: 15px;}
.foot-1-2{ width: 70%;}
.foot-1-2 dl{ width:20%; float: left;}
.foot-1-2 dl dt{ color:#fff; font-size: 16px; text-indent: 1.8em; margin-bottom:0.1rem;}
.foot-1-2 dl:nth-child(1) dt{ background: url(../img/f1.png) left center no-repeat;}
.foot-1-2 dl:nth-child(2) dt{ background: url(../img/f2.png) left center no-repeat;}
.foot-1-2 dl:nth-child(3) dt{ background: url(../img/f3.png) left center no-repeat;}
.foot-1-2 dl:nth-child(4) dt{ background: url(../img/f4.png) left center no-repeat;}
.foot-1-2 dl:nth-child(5) dt{ background: url(../img/f5.png) left center no-repeat;}
.foot-1-2 dl dd{ font-size: 14px; text-indent: 2.1em; color: #c9c9c9; line-height: 2;}
.foot-1-2 dl dd a{ color: #c9c9c9;}
.foot-1-2 dl dd img{ display: block; max-width: 100%; margin-left: 2.1em; margin-bottom:0.04rem; padding-top:0.04rem;}
.side_item{ position:fixed; right:0; top:30%; z-index:999; width:48px;}
.side_item ul{ display:block;}
.side_item ul li{ display:block; height:48px; margin-bottom:1px; background:#005bac; position:relative;}
.side_item ul li a{ color:#fff; width:400%; position:absolute; top:0; right:-300%; display:block; height:100%; font-size:16px; transition:all 0.4s;}
.side_item ul li a:hover{ background-color:#76c130;}
.side_item ul li:nth-child(1) a span{ display:block; width:48px; height:48px; padding:2px 4px; text-align:center;}
.side_item ul li:nth-child(2) a{ background-image:url(../img/float_icon2.png); background-position:left center; background-repeat:no-repeat; text-indent:48px; line-height:48px;}
.side_item ul li:nth-child(2) a:hover{ right:0;}
.side_item ul li:nth-child(3) a{ background-image:url(../img/up.png); background-position:left center; background-repeat:no-repeat; text-indent:48px;}
.foot-1-3{ font-size:12px; padding:20px 0 0 0;}
.foot-1-3 a{ color:#aaa;}

/*home*/
#banner img{ width:100%;}
.home-ban-tit{ width:300px; height:100%; position:relative; margin-left:15px; color:#666; line-height:70px;}
#banner .swiper-slide{ background-position:center; background-size:cover; background-repeat:no-repeat;}
.home-ban-1{ width:100%; left:0; position:absolute; bottom:-35px; background:#fff; height:70px; z-index:99; box-shadow:0 0 7px #aaa;}
.home-ban-1-1{ position:relative; width:55px; height:100%; margin-left:30px;}
.home-ban-1-2{ position:relative; width:150px; height:100%;}
#home-ban-next{ width:16px; height:16px; background:url(../img/hr.png) center no-repeat; top:40%; margin-top:0;}
#home-ban-prev{ width:16px; height:16px; background:url(../img/hl.png) center no-repeat; top:40%; margin-top:0;}
.tit-1{ font-size:0.2rem;}
.tit-1 strong{ color: #339999; font-weight: normal;}
.tit-2{}
.tit-2-1{}
.tit-3{ font-family:Arial; font-size:0.1rem; text-transform:uppercase; color:#bbb; padding:0.1rem 0;}
.tit-4{ font-size:0.11rem; padding:0.1rem 0 0 0; color:#777;}
.home-1{ padding:0.3rem 0 0.8rem 0; background:url(/images/contrastPic01.png) center bottom no-repeat; background-size:2rem auto;}
.home-2{ padding:0.1rem 0 0.3rem 0; background:#f0f0f0;}
.home-2 .p1{ font-size:0.16rem; padding:0.2rem 0; text-align:center;}
.home-2 ul{ display:block;}
.home-2 ul li{ width:32.33%; float:left; padding:0.1rem; background:#fff; border-radius:0.02rem; margin-right:1.5%; margin-bottom:1.5%; transition:all 0.4s; text-align:center;}
.home-2 ul li img{ max-width:100%; margin:0 auto 0.1rem auto; display:block;}
.home-2 ul li:hover{ box-shadow:0 0 16px #ccc; background:#005bac; color:#fff;}
.home-2 ul li:nth-child(3n){ margin-right:0;}
.home-2 ul li>div>p:nth-child(1){ font-size:0.11rem; padding-bottom:0.05rem;}
.home-2 ul li>div>p:nth-child(2){ color:#777; min-height:0.32rem; line-height:1.8; transition:all 0.4s;}
.home-2 ul li:hover>div>p:nth-child(2){ color:#fff;}
ul.home-2-1 li:hover{ background:#76c130;}
.home-3{ padding:0.3rem 0;}
.home-3-1{ position:relative; text-align:center;}
.home-3-1 h1{}
.home-3-1 h2{ color:#666;}
.home-3-1-0{ padding:0.1rem 0 0 0;}
.home-3-1-0 dl{ float:left; width:16.666%; margin-bottom:0.1rem;}
.home-3-1-0 dl h1{ font-size:0.1rem; padding:0.1rem 0 0 0;}
.home-3-1-0 dl h2{ padding:0.02rem; color:#999;}
.home-soft{ background:#e1efef; padding:0 0 0.3rem 0;}
.home-soft-1{ padding:0.3rem 0 0.1rem 0;}
#soft-1 .swiper-slide,#soft-2 .swiper-slide{ width:100%;}
#soft-1 .swiper-slide img,#soft-2 .swiper-slide img{ border-radius:0.05rem; width:100%;}
#soft-1-next,#soft-2-next{ right:-0.3rem; bottom:1rem; top:auto;}
#soft-1-prev,#soft-2-prev{ left:-0.3rem; bottom:1rem; top:auto;}
#soft-1-page,#soft-2-page{ position:relative; text-align:center; display:none;}
#soft-1-page>.swiper-pagination-bullet,#soft-2-page>.swiper-pagination-bullet{ margin:0 5px;}
/* #soft-1 .swiper-slide-prev>div,#soft-2 .swiper-slide-prev>div{ left:12%;} */
/* #soft-1 .swiper-slide-next>div,#soft-2 .swiper-slide-next>div{ left:-12%;} */
.home-client{ padding:0.3rem 0;}
.home-client-1{}
.home-client-2{ display:block; padding:0.3rem 0 0 0;}
.home-client-2 li{ width:13%; float:left; display:block; border:1px solid #ddd; margin-right:1.5%; margin-bottom:1.5%; background:#fff;}
.home-client-2 li:nth-child(7n){ margin-right:0;}
.home-client-2-1{ display:block; height:0.35rem;}
.home-news{ background:#f6f5f2; padding:0.3rem 0;}
.home-news-1-1{ text-align:right; line-height:3;}
.home-news-2-1{ width:48%;}
.home-news-2-1 img{ width:100%;}
.home-news-2-1-1{ width:100%; height:300px;}
.home-news-2-2{ width:48%;}
.home-news-2-2 ul li{ border-top:1px solid #ccc; padding:0.1rem 0;}
.home-news-2-2 ul li a:hover{ color:#8dd1ca;}
.home-news-2-2 ul li:last-child{ border-bottom:1px solid #ccc;}
.home-news-2-2-1{ width:20%; border-right:1px solid #ccc;}
.home-news-2-2-1 .p1{ font-size:0.1rem;}
.home-news-2-2-1 .p2{ font-size:0.08rem;}
.home-news-2-2-2{ width:80%;}
.home-news-2-2-2 .p1{ font-size:0.1rem; padding:0 0 0.05rem 0.1rem;}
.home-news-2-2-2 .p2{ padding:0 0 0 0.1rem;}
.home-apply{ background:url(/images/bg-bottom.jpg) center/cover no-repeat!important;}

/*news*/
.news-1{ padding:0.3rem 0 0 0;}
.news-1-1{ border-bottom: 1px solid #ddd; font-size:0.07rem; padding:0 0 0.1rem 0; margin:0 0 0.1rem 0; color: #808080;}
.news-1-1 p:nth-child(1) span{ font-size:0.15rem; color: #4c4c4c;}
.news-1-1 p:nth-child(2) a{ color: #808080;}
.news-2{ padding:0 0 0.4rem 0;}
.news-2 ul li{ padding:0.2rem 0; border-bottom: 1px solid #ddd;}
.news-2 ul li,.news-2 ul li a{ display: block;}
.news-2-1{ width:23%; height: 200px; overflow: hidden;}
.news-2-1-1{ background-size:cover; background-position: center; transition:all 0.5s; height: 100%;}
.news-2-1-1 img{ width:100%;}
.news-2 ul li a:hover .news-2-1-1{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.news-2-2{ width: 73%;}
.news-2-2-1{ font-size: 20px; color: #4c4c4c; padding: 10px 0 0 0;}
.news-2-2-1 p:nth-child(2){ font-size: 16px;}
.news-2-2-2{ font-size: 14px; color: #808080; padding:0.1rem 0; line-height: 1.8;}
.news-2-2-3{ text-align: right;}
.news-2-2-3 span{ display: inline-block; border:1px solid #ddd; padding: 5px 15px; font-size: 14px; transition: all 0.5s;}
.news-2 ul li a:hover .news-2-2-3 span{ background: #0085fc; color: #fff;}

/* news show*/
.newshow-1-1{ font-size:0.18rem; color: #000; padding:0.3rem 0;}
.newshow-1-2{ padding: 0 0 0.1rem 0; border-bottom:1px solid #ddd; color: #808080;}
.newshow-1-3{ padding:0.1rem 0; border-bottom: 1px solid #ddd; line-height: 1.8; color: #808080; font-size:0.08rem;}
.newshow-1-3 img{ display: block; margin:0 auto; max-width: 100%;}
.newshow-1-4{ padding:0.1rem 0 0.3rem 0; line-height:2; font-size:0.08rem;}
.newshow-tags{ font-size:12px; padding:0.2rem 0 0 0; color:#999;}

/* case */
.case-1{ padding:0.3rem 0;}
.case-1 ul li{ float: left; width:15.5%; height:80px; overflow: hidden; margin-right:1.4%; margin-bottom:1.4%;}
.case-1 ul li:nth-child(6n){ margin-right:0;}
.case-1 ul li a{ display: block; position: relative; height:100%;}
.case-1-1{ position:absolute; left:0; top:0; width: 100%; height: 100%; display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:center; color:#fff; background:rgba(0,0,0,0.7); transition:all 0.5s; opacity: 0; font-size:12px;}
.case-1 ul li a:hover .case-1-1{ opacity: 1;}
.case-1 ul li a>.img{ width: 100%; height: 100%; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; border:1px solid #eee;}
.case-2{ display:block; width:100%; background:url(../img/yjj2.jpg) center/cover no-repeat;}
.case-3{ display:block; width:100%; background:url(../img/yjj3.jpg) center/cover no-repeat;}
.case-4{ display:block; width:100%; background:url(../img/case2.jpg) center no-repeat;}
#clients_li_page,#clients_li_2_page{ position:relative; text-align:center; bottom:0; margin-top:0.2rem;}
#clients_li_page>span,#clients_li_2_page>span{ width:30px; height:30px; line-height:30px; text-align:center; margin:0 6px; font-size:15px; cursor:pointer;}
#clients_li_page>.swiper-pagination-bullet,#clients_li_2_page>.swiper-pagination-bullet{ color:#fff;}
#clients_li_page>.swiper-pagination-bullet-active,#clients_li_2_page>.swiper-pagination-bullet-active{ color:#fff;}
#clients_li_2{ display:none;}
.shift_case{ text-align:center;}
.shift_case li{ display:inline-block; padding:10px 20px; font-size:16px; border:1px solid #ddd; cursor:pointer;}
.shift_case li.on{ background:#007aff; color:#fff;}
.case_com_tit{ text-align:center; padding:0.2rem 0; font-size:30px;}

/* contact */
.contact-1{ padding:0.1rem 0 0.1rem 0;}
.contact-1-1{ width:48%; float:left; line-height:1.8;}
.contact-1-2{ width:48%; float:right;}
.contact-1-2 #allmap{ height:400px; overflow:hidden;}
.contact-2{ padding:0 0 0.3rem 0;}
.contact-2>p{ line-height:1.8;}
.contact-2-1 p{ color:#000; padding:6px 0; font-size:14px; font-weight:bold;}
.contact-2-1 input.ip1{ display:block; border:1px solid #ddd; border-radius:5px; line-height:2.5; font-size:14px; width:100%; background:#f4f4f4;}
.contact-2-1 input.ip2{ background:#0085fc; color:#fff; cursor:pointer; padding:10px 30px; border-radius:6px; border:none; -webkit-appearance:none;}
.contact-2-1 textarea.t1{ display:block; border:1px solid #ddd; border-radius:5px; line-height:2.5; font-size:14px; width:100%; background:#f4f4f4; min-height:200px; margin-bottom:0.1rem;}
.contact-2-1 .u1{}
.contact-2-1 .u1 li{ font-size:14px; line-height:2;}
.contact-2-1 .u1 li>input{ display:inline-block; vertical-align:middle; cursor:pointer; width:16px; height:16px;}

/* about */
.about-1 .p1{ font-size:0.18rem; color: #4c4c4c; padding:0.2rem 0;}
.about-1 .p2{ line-height:1.8; color: #4c4c4c; width: 90%; margin:0 auto; padding:0 0 0.3rem 0; font-size:0.08rem;}
.about-2{ background: #f2f2f2; padding:0.3rem 0;}
.about-2-1{ font-size:0.19rem; color: #4c4c4c;}
.about-2-2 ul{ display: block; padding:0.3rem 0;}
.about-2-2 li{ width: 47%; float: left; margin-right:6%;}
.about-2-2 li:last-child{ margin-right: 0;}
.about-2-2-1{ width:20%;}
.about-2-2-2{ width:75%;}
.about-2-2-2 p:nth-child(1){ font-size: 20px;}
.about-2-2-2 p:nth-child(2){ line-height: 1.8; padding:0.1rem 0 0 0;}
.about-2-3{ display: block; padding:0.3rem 0 0 0;}
.about-2-3 li{ float: left; width: 31.33%; min-height: 380px; margin:0 3% 0 0; background: #fff; display: block; border-radius: 10px; text-align: center; padding:0.3rem 0 0 0;}
.about-2-3 li:last-child{ margin:0;}
.about-2-3 li img{ display: block; margin: 0 auto 0.1rem auto;}
.about-2-3 li h1{ font-size: 18px; padding: 0 0 0.1rem 0;}
.about-2-3 li p{ line-height: 1.8; padding: 0 0.1rem; color:#666;}
.about-3{ padding:0.3rem 0;}
.about-3-1{ padding:0.1rem 0 0 0;}
.about-3-1 li{ display: block; padding-bottom:0.1rem; background:none;}
.about-3-1-1{ width: 120px; height: 120px; border-radius: 50%; background: #005197; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; font-size:0.1rem; color:#fff; margin:5px 0 0 20px;}
.about-3-1-2{ width:80%; background:#eee; padding:0.2rem 0; margin:0 20px 0 0;}
.about-3-1-2 h1{ font-size: 20px; padding:0rem 0.1rem;}
.about-3-1-2-1{ line-height: 1.8; padding:0.1rem 0.1rem 0 0.1rem;}
.about-4{ background: #f2f2f2; padding:0.3rem 0;}
.about-4-1{ padding:0.3rem 0 0.1rem 0;}
.about-4 #honor .swiper-slide{ display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:center; min-height:300px; background: #fff; width:19%; margin-right:1.25%;}
.about-4 #honor img{ display: block; max-width: 100%; max-height: 100%;}
#honor-next{ right:-38px;}
#honor-prev{ left:-38px;}
.yanfa_intro{ padding:0.3rem 0;}
.yanfa_brief{ width:68%;}
.yanfa_brief>h1{ font-size:0.14rem; color:#666;}
.yanfa_brief>h1>img{ display:inline-block; vertical-align:middle;}
.yanfa_brief>h2{ width:0.4rem; height:2px; background:#005bac; display:block; margin:0.08rem 0 0.18rem 0;}
.yanfa_brief>p{ line-height:1.8; color:#888;}
.yanfa_frame{ padding:0.3rem 0;}
.yanfa_frame>h1{ font-size:0.14rem; color:#666; text-align:center; line-height:2; padding-bottom:0.3rem;}
.yanfa_frame>h2>img{ margin:0 auto; display:block;}
.yanfa_concept{ background:#f5f5f5; padding:0.3rem 0;}
.yanfa_concept .lister li{ background:#fff;}
.yanfa_concept .lister li>img{ width:50%;}
.yanfa_concept .lister li>.brief{ width:50%; padding:0.3rem;}
.yanfa_concept .lister li>.brief>h1{ font-size:0.13rem;}
.yanfa_concept .lister li>.brief>p{ color:#888; padding:0.1rem 0 0 0; line-height:1.8;}
.many_years{ padding:0.3rem 0; background:#005bac;}
.many_years h1{ color:#fff; font-size:36px; padding-bottom:0.3rem;}
.many_years ul li{ float:left; width:15.666%; margin-right:1.2%; text-align:center; color:#fff; font-size:16px; background:url(/images/service_adv_icon01.png) center/contain no-repeat; padding:0.3rem 0;}
.many_years ul li:last-child{ margin-right:0;}
.fuwu_intro{ padding:0.3rem 0; text-align:center;}
.fuwu_intro>h1{ font-size:30px; color:#666; padding:10px 0 60px 0;}
.fuwu_intro>h2{ font-size:35px; color:#1b82d9;}
.fuwu_intro>h3{ font-size:16px; color:#999; padding:10px 0;}
.fuwu_intro>h5{ line-height:1.8; color:#999; padding:40px 0 30px 0;}
.fuwu_intro ul li{ width:32.33%; float:left; margin-right:1.5%;}
.fuwu_intro ul li:last-child{ margin-right:0;}
.fuwu_way_tit{ font-size:30px; text-align:center; padding:10px 0 40px 0; color:#555;}
.fuwu_operate{ padding:0.3rem 0; text-align:center;}
.fuwu_operate h1{ font-size:18px; padding:0 0 30px 0;}
.fuwu_operate h2{ line-height:1.8; color:#888;}
.fuwu_person{ padding:0.3rem; background:url(/images/service_wayPic07.jpg) center/cover no-repeat; color:#fff; text-align:center;}
.fuwu_person h1{ font-size:18px; padding:0 0 30px 0;}
.fuwu_person h2{ padding:0 0 30px 0;}
.fuwu_person ul li{ border:1px solid #eee; display:inline-block; width:0.6rem; border-radius:50%; height:0.6rem; line-height:0.6rem; margin:0 0.2rem; font-size:15px;}
.fuwu_communicate{ padding:0.3rem 0;}
.fuwu_communicate h1{ font-size:18px; padding:0 0 30px 0;}
.fuwu_communicate h2{ font-size:14px; color:#888; padding:0 0 30px 0;}
.fuwu_communicate ul li{ display:inline-block; margin:0 0.18rem;}
.fuwu_communicate ul li p{ font-size:16px; line-height:2; color:#888;}
.rongyu_list ul{ padding:0 0 0.3rem;}
.rongyu_list ul li{ width:24%; margin-right:1.333%; margin-bottom:2.666%; font-size:16px; float:left; text-align:center;}
.rongyu_list ul li:nth-child(4n){ margin-right:0;}


/* 预见家 */
.yujianjia-0 ul{ display: block; padding:0.3rem 0 0 0;}
.yujianjia-0 ul li{ display: block; margin-bottom:0.2rem; background:#f5f5f5; transition:all 0.4s;}
.yujianjia-0 ul li:hover{ box-shadow:0px 0px 22px #ddd; background:#21b2fe; color:#fff;}
.yujianjia-0-1{ width:50%;}
.yujianjia-0-1 img{ display:block; margin:0 auto; max-width:100% ;}
.yujianjia-0-2{ width:50%; padding:0.2rem;}
.yujianjia-0-2>div.fl>span{ width:0.27rem; line-height:0.27rem; display:block; box-shadow:3px 3px 0 #9bcfff; border-radius:5px; background:#21b2fe; font-size:0.15rem; text-align:center; color:#fff; transition:all 0.4s;}
.yujianjia-0 ul li:hover .yujianjia-0-2>div.fl>span{ background:#fff; color:#21b2fe;}
.yujianjia-0 ul li:hover .yujianjia-0-2 p:nth-child(2){ color:#fff;}
.yujianjia-0-2>div.fr{ width:80%;}
.yujianjia-0-2 p:nth-child(1){ font-size:0.12rem; line-height: 1.8; padding-bottom:0.1rem;}
.yujianjia-0-2 p:nth-child(2){ font-size:0.1rem; line-height: 1.8; color:#777; transition:all 0.4s;}
.yujianjia-1 .p1{ font-size:0.2rem; color: #4c4c4c; padding:0.3rem 0 0.3rem 0;}
.yujianjia-1 .p1 i{ font-style: normal; color: #21b2fe;}
.yujianjia-1 .p1>span{ display:block; line-height:2.5; font-size:0.1rem; color:#999;}
.yujianjia-1 .p2{ display: block; background: #21b2fe; width:1rem; height:0.3rem; line-height:0.3rem; color: #fff; font-size:0.11rem; margin:0 auto;}
.yujianjia-2 ul{ display: block; padding:0.1rem 0 0 0;}
.yujianjia-2 ul li{ width:24%; margin-right:1.3333%; height:318px; padding:0.1rem 0; margin-bottom:0; float: left; text-align: center; cursor:pointer; transition:all .4s;}
.yujianjia-2 ul li:hover{ box-shadow:4px 4px 12px #ddd;}
.yujianjia-2 ul li:nth-child(4n){ margin-right:0;}
.yujianjia-2 ul li>.img1{ display: block; margin: 0 auto 0.1rem auto; width:81px; height:81px;}
.yujianjia-2 ul li>.p1{ font-size: 20px;}
.yujianjia-2 ul li>div{ font-size: 14px; padding:0.1rem 0 0 0; line-height:1.8; color:#666;}
.yujianjia-3{ padding:0.1rem 0;}
#yujianjia-3 .swiper-slide{ width:49%; margin-right:2%;}
#yujianjia-3-next{ right:-38px;}
#yujianjia-3-prev{ left:-38px;}
.yujianjia-4{ padding:0.1rem 0 0.3rem 0;}
.yujianjia-4-1{ display: block;}
.yujianjia-4-1 li{ display: none;}
.yujianjia-4-1 li.nowon{ display: block;}
.yujianjia-4-2 li{ float: left; width: 33%; margin-right: 0.5%; display: block; background: #eee; cursor:pointer; transition:all 0.5s;}
.yujianjia-4-2 li.nowon{ background:#21b2fe; color: #fff;}
.yujianjia-4-2 li:last-child{ margin-right: 0;}
.yujianjia-4-2-1{ text-align: center; line-height: 110px; font-size:0.1rem; text-indent: 3.5em;}
.yujianjia-4-2-1.p1{ background: url(../img/day.png) 35% center no-repeat;}
.yujianjia-4-2-1.p2{ background: url(../img/sun.png) 35% center no-repeat;}
.yujianjia-4-2-1.p3{ background: url(../img/night.png) 35% center no-repeat;}
.yujianjia-last{ background: #303030;}

/* 云订单 */
.ydd-1{ height: 477px; background: url(../img/yddbg.jpg) center no-repeat; margin:0.1rem 0;}
.ydd-1-1{ font-size:0.2rem; color: #fff; padding:0.3rem 0 0.4rem 0;}
.ydd-1-2 li{ width: 25%; float: left; text-align: center;}
.ydd-1-2 li img{ display: block; height: 85px; margin: 0 auto;}
.ydd-1-2 li p{ font-size:18px; color: #fff; padding:0.1rem 0 0 0;}
.ydd-2{ display: block; margin: 0 auto; padding:0.1rem 0 0.5rem 0;}

/*mcc*/
.mcc-1{ height: 600px!important; background-size:cover; background-position: center;}
.mcc-1-1{ position: absolute; left:0.1rem; top:0.1rem; width: 120px; font-size:0.1rem; line-height: 35px; text-align:center; border:1px solid #fff; border-radius: 5px; background:#fff; color: #21b2fe!important; font-weight: bold;}
.mcc-1-2{ position: absolute; left:0.1rem; top:0.1rem; width: 120px; font-size:0.1rem; line-height: 35px; text-align:center; border:1px solid #fff; border-radius: 5px; color:#fff!important; font-weight: bold;}
.mcc-2{ padding:0.1rem 0 0.3rem 0;}
.mcc-2-1{ position:absolute; left:-0.1rem; top:0;}
.mcc-2 ul{ display:block;}
.mcc-2 ul li{ display:block; font-size:0.08rem; width:31.33%; margin-right:3%; margin-bottom:3%; float:left; color:#777; text-align:center;}
.mcc-2 ul li img{ width:0.4rem; margin-bottom:0.13rem;}
.mcc-2 ul li p strong{ font-size:0.1rem; display:block; line-height:2;}
.mcc-2 ul li:nth-child(3n){ margin-right:0;}
.mcc--3{ background:#f7f9fa; padding:0 0 0.3rem 0;}
.mcc-3 ul{ display: block; padding:0.1rem 0 0 0; }
.mcc-3 ul li{ width: 49%; float: left; margin-right:2%; margin-bottom:2%; background:#fff; border-radius:10px; padding:0.1rem;}
.mcc-3 ul li:nth-child(2n){ margin-right: 0;}
.mcc-3-1{ width: 70%;}
.mcc-3-1>p:nth-child(1){ font-size:0.17rem; padding:0 0 0.1rem 0;}
.mcc-3-1>p:nth-child(2){ font-size:0.1rem; color:#666; line-height:1.8;}
.mcc-3-2{ width: 30%; text-align: right;}
.mcc-3-2 img{}
.mcc-4{ padding:0.3rem 0 0 0;}
.mcc-4>h1{ font-size:0.14rem; text-align:center; padding:0 0 10px 0;}
.mcc-4>h2{ font-size:0.12rem; color:#666; text-align:center; padding:0 0 10px 0;}
.mcc-4-1{ padding:0.2rem 0 0.3rem 0;}
.mcc-4-1>.fl,.mcc-4-1>.fr{ width:50%;}
.mcc-4-1>.fr>h1{ font-size:0.11rem; color:#666; padding:0 0 0.1rem 0;}
.mcc-4-1>.fr>p{ font-size:0.08rem; color:#888; line-height:1.8; padding-bottom:30px;}
.mcc-4-1>.fr>ul{ padding-bottom:30px;}
.mcc-4-1>.fr>ul li{ display:inline-block; font-size:14px; color:#888; margin-bottom:5px;}
.mcc-4-1>.fr>ul li i{ display:inline-block; width:20px; height:20px; vertical-align:middle; text-align:center; color:#fff; line-height:20px; border-radius:50%; font-style:normal; background:#007aff; margin-right:4px;}
.mcc-4-1>.fr>span{ display:inline-block; vertical-align:middle; font-size:20px; color:#777; margin-left:15px; line-height:2;}
.mcc-4-1>.fr>span strong{ font-size:32px; color:#1062d2;}
.mcc-5{ padding:0.3rem 0;}
.mcc-5>h1{ font-size:0.14rem; text-align:center;}
.mcc-5 ul{ display:block; padding:0.1rem 0 0 0;}
.mcc-5 ul li{ width:16.66%; float:left; text-align:center; font-size:18px; margin-bottom:0.1rem;}
.mcc-5 ul li img{ display:block; margin:0 auto;}
.mcc-6{ background:#f7f9fa; padding:0.3rem 0;}
.mcc-6>div>h1{ font-size:0.14rem; text-align:center; padding:0 0 10px 0;}
.mcc-6>div>h2{ font-size:0.12rem; text-align:center; padding:0 0 40px 0; color:#666;}
#mcc-swiper1-prev,#mcc-swiper2-prev{ left:-0.2rem;}
#mcc-swiper1-next,#mcc-swiper2-next{ right:-0.2rem;}
.mcc-6 .swiper-slide,.mcc-7 .swiper-slide{ width:31.33%; margin-right:3%;}
.mcc-6 .swiper-slide p{ padding:0.1rem 0 0 0; font-size:15px; color:#777;}
.mcc-7{ padding:0.3rem 0;}
.mcc-8{ padding:0.3rem 0; background:url(../img/applyBg.jpg) center/cover no-repeat; color:#fff; text-align:center;}
.mcc-8>h1{ font-size:0.1rem; padding:0.1rem 0 0.1rem 0;}
.mcc-8>h2{ width:183px; height:3px; background:url(../img/title_xian2.png) center no-repeat; margin:0 auto;}
.mcc-8>h3{ font-size:0.1rem; padding:0.1rem 0 0.1rem 0;}
.mcc-8>a{ display:block; background:#fff; width:150px; line-height:3; margin:0 auto;}
.mcterp_bg{ background:url(/images/mct06.jpg) center top;}
.mcterp_main_tit{ color:#fff; font-size:36px; padding:40px 0 15px 0;}
.mcterp_sub_tit{ font-size:22px; color:#fff; padding:0 0 30px 0;}
.mcterp_chain{ background:#fff; margin-top:20px; padding:0.3rem;}
.mcterp_chain>h1{ font-size:18px; background:#91c82d; border-radius:0.5rem; width:1.5rem; line-height:50px; text-align:center; color:#fff; display:block; margin:0 auto; margin-bottom:0.3rem;}
.mcterp_chain_list{ margin-bottom:0.3rem;}
.mcterp_chain_list:after{ content:''; clear:both; display:block; visibility:hidden; height:0; overflow:hidden;}
.mcterp_chain_list>dt{ width:10%; float:left}
.mcterp_chain_list>dd{ width:88%; float:right;}
.mcterp_chain_list>dd>h1{ font-size:20px; color:rgb(146, 208, 80); font-weight:bold; padding-bottom:15px;}
.mcterp_chain_list>dd>h2{ line-height:1.8; font-size:14px; color:#777;}
.mcterp_chain_list>dd>h2>span{ color:#bbb;}
.choose_reasons{ padding:0.3rem 0;}
.choose_reasons .t1{ font-size:28px; text-align:center; line-height:2;}
.choose_reasons .t2{ font-size:18px; text-align:center; padding-bottom:0.3rem; color:#888;}
.reason_list{ width:49%; float:left; margin-right:2%; margin-bottom:2%; color:#fff; padding:0.3rem; border-radius:0 0 15px 15px;}
.reason_list h1{ font-size:28px; padding:50px 0 30px;}
.reason_list h2{ font-size:14px; line-height:1.8;}
.reason_list.nomar{ margin-right:0;}
#rs_li_1{ background:url(/images/mct13.png) center top no-repeat;}
#rs_li_2{ background:url(/images/mct14.png) center top no-repeat;}
#rs_li_3{ background:url(/images/mct15.png) center top no-repeat;}
#rs_li_4{ background:url(/images/mct16.png) center top no-repeat;}
.tutorM3_li>li>.mcc-3-1>p:nth-child(1){ font-size:24px;}
.tutorM3_li>li>.mcc-3-1>p:nth-child(2){ font-size:18px; color:#777;}
.m3_bording{ padding:0.3rem 0 0 0;}
.m3_blue{ background:#005197!important;}

/*门窗店*/
.mcd-1{ background:#303030;}
.mcd-1 ul{ display:block;}
.mcd-1 ul li{ float:left; width:25%; display:block; position:relative; height:527px;}
.mcd-1 ul li:nth-child(1){ background:url(../img/mcd1101.jpg) center;}
.mcd-1 ul li:nth-child(2){ background:url(../img/mcd1102.jpg) center;}
.mcd-1 ul li:nth-child(3){ background:url(../img/mcd1103.jpg) center;}
.mcd-1 ul li:nth-child(4){ background:url(../img/mcd1104.jpg) center;}
.mcd-1-1{ position:absolute; left:0; top:0; transition:all 0.4s; width:100%; height:100%; text-align:center; color:#fff; padding-top:40%;}
.mcd-1 ul li:hover .mcd-1-1{ background:rgba(0,133,252,0.4); padding-top:20%;}
.mcd-1-1 a{ display:block; opacity:0; visibility:hidden; color:#fff; width:100px; line-height:2.5; border-radius:5px; border:1px solid #ccc; margin:0 auto;}
.mcd-1-1 a:hover{ background:#fff; color:#303030;}
.mcd-1 ul li:hover a{ opacity:1; visibility:visible;}
.mcd-1-1>.img{ display:block; margin:0 auto; width:102px; height:102px;}
.mcd-1-1-1{ font-size:0.1rem; padding:0.1rem 0 0.1rem 0;}
.mcd-1-1-2{ line-height:1.8; padding:0 0 0.1rem 0; display:none;}

/*mcgj*/
.verson_fun { margin:0 auto; max-width:1200px; width:96%;}
.verson_fun .nomaright{ margin-right:0!important;}
.verson_fun h3 {
	padding:60px 0;
	text-align:center;
	font-size:37px;
	font-weight:400;
   color: black;
}
.verson .verson-item {
	float:left;
	width:31.33%; margin-right:3%;
	height:590px;
	border:2px solid #73a4e6;
	box-sizing:border-box;
}
.verson .verson-item h4,  .versonshot .versonshot-item h4 {
	padding-top:50px;
	padding-bottom:30px;
	text-align:center;
	font-size:28px;
	font-weight:400;
	color: black;
}
.verson .verson-item hr,.versonshot .versonshot-item hr {
	margin: 0 auto;
	width:50px;
	height:2px;
	background-color:#1ddff6;
	border:0;
}
.verson .verson-item ul {
	padding-top:40px;
	list-style:none;
	transform:translateX(62%);
	width:200px;
}
.verson .verson-item ul li {
	line-height:45px; font-size:14px;
	color: black;
}
.verson .verson-item ul li img{
	vertical-align:middle;
	padding-right:10px;
}
.versonshot {
	padding-top:60px;
	padding-bottom:0.3rem;
}
.versonshot .versonshot-item {
	float:left;
	width:31.33%; margin-right:3%;
	height:260px;
	border:2px solid #73a4e6;
	box-sizing:border-box;
}
.verson .verson-item p,  .versonshot .versonshot-item p{
	padding-top:30px; font-size:14px;
	text-align:center;
	cursor: pointer;
}

/*sitemap*/
.sitemap-0{ padding:0.1rem 0;}
.sitemap-1{ border:4px solid #eee; padding:0.1rem; margin:0.1rem auto 0.3rem auto;}
.sitemap-1-1>ul>li>a{ font-size:0.075rem; display:inline-block; margin-bottom:0.03rem; color:#555; font-weight:bold;}
.sitemap-1-1>ul>li>dl{ border:1px solid #ddd; margin-bottom:0.03rem; padding:5px 10px;}
.sitemap-1-1>ul>li>dl>dd{ width:24%; float:left; line-height:2; margin-right:1.333%;}
.sitemap-1-1>ul>li>dl>dd:nth-child(4n){ margin-right:0;}
.sitemap-1-1>ul>li>dl>dd>a:hover{ color:#005bac;}

/*media query*/
@media screen and (max-width:1366px){
	
}

@media screen and (max-width:750px){
	.mobi-btn{ display:block;}
	.side_item{ top:auto; bottom:0;}
	.head-1{ display:none;}
	.logo img{ width:65%;}
	.head-2{ padding:0.12rem 0;}
	.head-2 .nav{ display:none;}
	#banner .swiper-slide img{ display:none;}
	#banner .swiper-slide{ padding-bottom:2rem;}
	.home-2 ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
	.home-2 ul li:nth-child(3n){ margin-right:2%;}
	.home-2 ul li:nth-child(2n){ margin-right:0;}
	.home-2 ul li>div>p:nth-child(1){ font-size:0.16rem;}
	.home-2 ul li>div>p:nth-child(2){ min-height:0.42rem; font-size:0.12rem;}
	.home-3-1-0 dl{ width:50%;}
	.home-3-1-0 dl h1{ font-size:0.17rem;}
	.home-3-1-0 dl h2{ font-size:0.12rem;}
	.home-news-2-1,.home-news-2-2{ width:100%;}
	.home-news-2-2{ padding:0.1rem 0 0 0;}
	.home-client-2 li{ width:49%; margin-right:2%; margin-bottom:2%;}
	.home-client-2 li:nth-child(7n){ margin-right:2%;}
	.home-client-2 li:nth-child(2n){ margin-right:0;}
	.home-client-2-1{ height:1rem;}
	.home-news-1-1{ display:none;}
	.home-news-2{ padding:0.1rem 0 0 0;}
	.home-news-2-2-1 .p1{ font-size:0.15rem;}
	.home-news-2-2-1 .p2{ font-size:0.12rem;}
	.home-news-2-2-2 .p1{ font-size:0.15rem;}
	.home-news-2-2-2 .p2{ font-size:0.12rem;}
	.foot-1-1,.foot-1-2{ width:100%; padding-left:0.1rem; padding-right:0.1rem;}
	.foot-1-1{ padding-bottom:0.3rem;}
	.foot-1-2 dl{ width:50%; padding-bottom:0.3rem;}
	#soft-1-next,#soft-2-next,#soft-1-prev,#soft-2-prev{ display:none;}
	#soft-1-page,#soft-2-page{ display:block; padding:0.1rem 0 0 0;}
	/*about*/
	.about-1 .p2{ font-size:0.12rem;}
	.about-2-2 li{ width:100%; margin-right:0; margin-bottom:0.2rem;}
	.about-2-2-2 p:nth-child(2){ font-size:0.12rem;}
	.about-2-3 li{ width:100%; margin-right:0; min-height:auto; margin-bottom:0.1rem; padding:0.3rem 0;}
	.about-2-3 li p{ font-size:0.12rem;}
	.about-2-3 li img{ max-width:90px;}
	.about-4 #honor .swiper-slide{ width:100%; min-height:auto;}
	.about-3-1-1{ width:0.55rem; height:0.55rem; font-size:0.2rem;}
	.about-3-1-2-1{ font-size:0.12rem;}
	#honor-next,#honor-prev{ display:none;}
	.yf_pic{ width:90%; float:none; padding-bottom:0.3rem;}
	.yanfa_brief>h1,.yanfa_frame>h1,.yanfa_concept .lister li>.brief>h1{ font-size:0.2rem;}
	.yanfa_brief>h1>img,.yanfa_frame>h2>img{ height:0.15rem;}
	.yanfa_brief{ width:100%;}
	.yanfa_brief>p,.yanfa_concept .lister li>.brief>p{ font-size:0.15rem;}
	.yanfa_concept .lister li>img{ width:100%;}
	.yanfa_concept .lister li>.brief{ width:100%;}
	/*yujianjia*/
	.yujianjia-2 ul li{ width:50%; margin-right:0; height:2.8rem;}
	.yujianjia-0-1{ width:100%;}
	.yujianjia-0-2{ width:100%;}
	.mcd-1 ul li{ width:50%;}
	#yujianjia-3-next,#yujianjia-3-prev{ display:none;}
	.yujianjia-0-2 p:nth-child(1){ font-size:0.15rem;}
	.yujianjia-0-2 p:nth-child(2){ font-size:0.12rem;}
	#yujianjia-3 .swiper-slide{ width:100%;}
	.yujianjia-4-2-1{ text-indent:-999em; overflow:hidden;}
	.mcd-1 ul li{ height:3rem;}
	.mcd-1-1-1{ font-size:0.15rem;}
	.yujianjia-4-2-1{ background-size:auto 50%!important; background-position:center!important; line-height:0.6rem;}
	/*云订单*/
	.ydd-1{ height:auto; padding-bottom:0.2rem;}
	.ydd-1-2 li{ width:50%; margin-right:0; margin-bottom:0.2rem;}
	.ydd-1-2 li img{ height:0.5rem;}
	.ydd-1-2 li p{ font-size:0.15rem;}
	/*case*/
	.case-1 ul li{ width:49%; margin-right:2%;}
	.case-1 ul li:nth-child(2n){ margin-right:0;}
	.case-2{ padding:0 0 2.3rem 0;}
	.case-2 img,.case-3 img{ display:none;}
	.case-3{ padding:0 0 2rem 0;}
	/*门窗管家*/
	.mcc-2 ul li p strong{ font-size:0.14rem;}
	.mcc-2 ul li{ font-size:0.12rem;}
	.mcc-2 ul li img{ width:0.65rem;}
	.mcc-3 ul li{ width:100%; margin-right:0;}
	.mcc-3-1{ width:60%;}
	.mcc-3-1>p:nth-child(2){ font-size:0.12rem;}
	.mcc-3-2 img{ width:0.8rem;}
	.mcc-4-1>.fl,.mcc-4-1>.fr{ width:100%;}
	.mcc-4-1>.fr>h1{ font-size:0.15rem; padding:0.2rem 0 0.1rem 0;}
	.mcc-4-1>.fr>p{ font-size:0.12rem;}
	.mcc-4>h1,.mcc-5>h1,.mcc-6>div>h1{ font-size:0.2rem;}
	.mcc-5 ul li{ width:50%; margin-right:0;}
	.mcc-6 .swiper-slide{ width:100%;}
	.mcc-7 .swiper-slide{ width:50%;}
	#mcc-swiper1-next,#mcc-swiper1-prev,#mcc-swiper2-next,#mcc-swiper2-prev{ display:none;}
	.verson .verson-item,.versonshot .versonshot-item{ width:100%; height:auto; padding:0 0 0.5rem 0; margin-right:0; margin-bottom:3%;}
	.versonshot{ padding-top:0;}
	/*news*/
	.news-2-1,.news-2-2{ width:100%;}
	.newshow-1-3,.newshow-1-4{ font-size:0.12rem;}
	/*contact*/
	.contact-1-1,.contact-1-2{ width:100%;}
	
}